<template>
  <div class="tab" v-show='this.$store.state.isflag'>
    <ul class='tabul'>
           <li  class="tabli" >
               <router-link active-class='active' :to='{name:"homepage"}' tag='p'>
                 <p>   <i class="iconfont icon-shouye"></i></p>
                 <p>   首页</p>
               </router-link>
           </li>
           <li class="tabli">
               <router-link active-class='active' :to='{name:"classify"}' tag='p'>
                 <p>  <i class="iconfont icon-fenlei"></i> </p>
                <p>   分类</p>
               </router-link>
           </li>
           <li class="tabli">
               <router-link active-class='active' :to='{name:"shoppingcart"}' tag='p'>
               <p>      <i class="iconfont icon-gouwuche"></i></p>
                   <p>    购物车</p>
               </router-link>
           </li>
           <li class="tabli">
               <router-link active-class='active' :to='{name:"my"}' tag='p' >
                 <p>  <i class="iconfont icon-yonghu"></i></p>
                 <p>  我的</p>
               </router-link>
           </li>
       </ul>
    
  </div>
</template>

<script>
import '../assets/icon/iconfont.css';

export default {
  name: 'foottabbar',
  data () {
    return {
    }
  },

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='scss' scoped>

</style>
